<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
		<meta name="renderer" content="webkit">
		<title>{pboot:if('{sort:title}'=='')}{pboot:pagetitle}{else}{sort:title}{/pboot:if}</title>
		<meta name="keywords"
			content="{pboot:if('{sort:keywords}'=='')}{pboot:pagekeywords}{else}{sort:keywords}{/pboot:if}">
		<meta name="description"
			content="{pboot:if('{sort:description}'=='')}{pboot:pagedescription}{else}{sort:description}{/pboot:if}">
		<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/swiper.min.css">
		<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/style.css">
		<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/media.css">
		<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/animate.min.css">
		<script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.min.js"></script>
		<script type="text/javascript" src="{pboot:sitedomain}/skin/js/swiper.min.js"></script>
		<script type="text/javascript" src="{pboot:sitedomain}/skin/js/wow.min.js"></script>
		<script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.countup.min.js"></script>
		<script type="text/javascript" src="{pboot:sitedomain}/skin/js/main.js"></script>
	</head>
	<body class="menu-bg">
		<!--头部-->
		{include file=head.html}
		<!--内容-->
		{pboot:sort scode={sort:tcode}}
		<div id="bann" style="background-image: url([sort:pic]);">
			<div class="container">
				<div class="t1 wow fadeInUp" data-wow-delay="200ms">[sort:subname]<br>
				</div>
				<div class="t2 wow fadeInUp" data-wow-delay="300ms"> <span>[sort:def1]</span> </div>
			</div>
		</div>
		{/pboot:sort}
		<div class="nav_pc hide wow fadeInLeft" id="nav" data-wow-delay="400ms">
			<div class="container"> <a class="home" href="{pboot:sitedomain}/"><img
						src="{pboot:sitedomain}/skin/images/home_ico.png" style="background-color: #295e70;" alt=""></a>
				<div class="first">
					<h4>{sort:topname}</h4>
					<ul>
						{pboot:nav}
						<li><a href="[nav:link]">[nav:name]</a></li>
						{/pboot:nav}
					</ul>
				</div>
				<div class="second active">
					<h4> {sort:name} </h4>
					<ul>
						{pboot:nav num=50 parent={sort:tcode}}
						<li><a href="[nav:link]">[nav:name]</a></li>
						{/pboot:nav}
					</ul>
				</div>
			</div>
		</div>
		<div class="nav_phone hide container ">
			<p>{pboot:position}</p>
		</div>
		<div id="contact">
			<div class="container">
				<div class="contact-box">
					<div class="message-box" id="message" style="margin-top:20px">
						<div class="title wow fadeInUp" data-wow-delay="200ms"><span>{sort:name}</span>欢迎给我们留言</div>
						<form id="ct_btn" method="post" action="{pboot:form fcode=3}" class="form-box wow fadeInUp"
							data-wow-delay="300ms">
							<div class="line has-star">
								<input type="text" placeholder="公司名称/个人" name="name" id="name">
							</div>
							<div class="line has-star">
								<input type="text" placeholder="联系人" name="contactName" id="contactName">
							</div>
							<div class="line has-star">
								<input type="text" placeholder="手机" name="tel" id="tel">
							</div>
							<div class="line">
								<input type="text" placeholder="邮箱" name="email" id="email">
							</div>
							<div class="line">
								<input type="text" placeholder="返修机型号" name="model" id="model">
							</div>
							<div class="line">
								<input type="text" placeholder="序列号" name="sn" id="sn">
							</div>
							<div class="line" style="height: auto;width: 100%;margin-bottom: 0;">
								<div style="margin-right: 20px;line-height: 35px;">您对返修产品相应故障的维修质量是否满意？</div>
								<select class="line" name="title_1" id="title_1" style="width: 100%;border: 1px solid #eee;padding-left: 30px;">
									<option value="">请选择</option>
									<option value="满意">满意</option>
									<option value="一般">一般</option>
									<option value="不满意">不满意</option>
								</select>
							</div>
							<div class="line" style="height: auto;width: 100%;margin-bottom: 0;">
								<div style="margin-right: 20px;line-height: 35px;">您对产品维修的时间周期是否满意？</div>
								<select class="line" name="title_2" id="title_2" style="width: 100%;border: 1px solid #eee;padding-left: 30px;">
									<option value="">请选择</option>
									<option value="满意">满意</option>
									<option value="一般">一般</option>
									<option value="不满意">不满意</option>
								</select>
							</div>
							<div class="line" style="height: auto;width: 100%;margin-bottom: 0;">
								<div style="margin-right: 20px;line-height: 35px;">您对客服人员的态度是否满意？</div>
								<select class="line" name="title_3" id="title_3" style="width: 100%;border: 1px solid #eee;padding-left: 30px;">
									<option value="">请选择</option>
									<option value="满意">满意</option>
									<option value="一般">一般</option>
									<option value="不满意">不满意</option>
								</select>
							</div>
							<div class="line has-text">
								<textarea name="content" id="content" cols="30" rows="10" placeholder="意见和建议"></textarea>
							</div>
							<button class="msg-btn" type="submit" id="tj">提交</button>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!--底部-->
		{include file=foot.html}
		<script>
			$('.nav_pc .first, .nav_pc .second').on('mouseenter mouseleave', function() {
				$(this).children('ul').stop().slideToggle()
			});
		</script>
		<script>
			$(function() {
				$('#tj').click(function() {
					//alert(1)
					console.log($('#contact').val())
					if ($('#name').val() == '') {
						alert('请输入公司名称/个人！');
						$("#name").focus();
						return false;
					}
					if ($('#contactName').val() == '') {
						alert('请输入联系人！');
						$("#contactName").focus();
						return false;
					}
					if ($("#tel").val() == "") { alert("请输入联系人手机！"); $("#tel").focus(); return false; } 
					if ($("#tel").val()) {
						if (!$("#tel").val().match(
								/^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[0-9]{1})|(18[0-9]{1})|(19[0-9]{1}))+\d{8})$/
								)) {
							alert("手机号码格式不正确！");
							$("#tel").focus();
							return false;
						}
					}
					if($("#email").val()){
						if (!$("#email").val().match(
								/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)) {
							alert("电子邮箱格式不正确");
							$("#email").focus();
							return false;
						}
					}
				})
			})
		</script>
	</body>
</html>